<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
      window.onload=function(){
    	  canvas = document.getElementById('mycanvas');
    	  ctx = canvas.getContext('2d');
    	  
    	
    	  
    	  
    	
    	
    	
    	 ctx.strokeStyle='#000fff';
    	ctx.lineWidth='2';
    	ctx.beginPath();
    	ctx.moveTo(100,100);
    	ctx.arc(100,100,50,Math.PI*0, Math.PI*0.5,true);
    	ctx.fillStyle='#ff0000';
    	ctx.closePath();
    	ctx.fill();
    	ctx.stroke();
      }
</script>
</head>
<body>
         <canvas id='mycanvas' width='600px' height='500px'>
         </canvas>
</body>
</html>